.login.con { padding-top: .8rem; padding-bottom: 1.75rem; }
form.login-form { width: 5.4rem; margin-left: auto; margin-right: auto; }
form.login-form .ui-form-item { position: relative; }
form.login-form .ui-form-button { margin-top: .35rem; }
form.login-form .ui-form-icon { position: absolute; top: 0; right: 100%; height: .54rem; transition: transform .2s linear; }
form.login-form .ui-form-icon.login-icon-1 { background-image:url(''); }
form.login-form .ui-form-icon.login-icon-2 { background-image:url(''); }
form.login-form .ui-form-icon.login-icon-3 { background-image:url(''); }
form.login-form .ui-form-input > input:focus + .ui-form-icon { transform: translateX(3px); }

.login-ft { position: relative; margin-top: .35rem; color: #666; text-align: center; line-height: 1.5; }
.login-ft > a { margin-left: .2rem; margin-right: .2rem; color: inherit; }
.login-ft > a:hover,
.login-ft > a:active { text-decoration: underline; }
.login-ft::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: .14rem;
    border-left: 1px solid currentColor;
    opacity: .3;
    }
/* .login-ft > span { margin-left: .4rem; margin-right: .4rem; opacity: .5; } */

